<template>
  <div class="user">
    用户页面
  </div>
  <button @click="$router.push('/about')">跳转到关于页面</button>
  <button @click="jump">跳转到关于页面</button>

</template>

<script setup>
//导入userrouter 函数
import { useRouter,useRoute } from 'vue-router';
// 调用useRouter（）函数 ，其返回值为路由对象router对象实例
const router = useRouter()

// 调用 useRoute（）函数，返回当前激活的路由信息
// 等价于选项式中的$route
const route = useRoute()

console.log("接收到的参数树：",route.query)
const jump=()=>{
  router.push("/about")
}

</script>

<style  scoped>

</style>
